<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
	</head>
	<body>
		<div id="app">
			<ul>
				<li>姓名：{{arr.name}}</li>
				<li>年龄：{{arr.age}}</li>
			</ul>
		</div>
		<script src="../vue.js"></script>
		<script>
			var app = new Vue({
				el: '#app', //Id #id class .name  标签 div
				//输出的数据
				data: function() {
					return {
						arr:{
							age:15
						}
					}
				},
				//页面刷新时立刻执行的代码
				mounted: function() {},
				//对象 方法
				methods: {},
				//计算属性 定义:要用的属性不存在，要通过已有属性计算得来
				computed: {},
				//监视属性 当被监视的属性变化时，回调函数自动调用
				watch: {}
			});
			
			//在 arr里添加 name属性 值 为zz
			app.$set(app.arr,'name','zz')
			//更改属性
			app.$set(app.arr,'age','55')
			//36
		</script>
	</body>
</html>
